|
1
|
|
|
/*! |
|
2
|
|
|
* jquery-timepicker v1.8.9 - A jQuery timepicker plugin inspired by Google Calendar. It supports both mouse and keyboard navigation. |
|
3
|
|
|
* Copyright (c) 2015 Jon Thornton - http://jonthornton.github.com/jquery-timepicker/ |
|
4
|
|
|
* License: MIT |
|
5
|
|
|
*/ |
|
6
|
|
|
|
|
7
|
|
|
|
|
8
|
|
|
(function (factory) { |
|
9
|
|
|
if (typeof exports === "object" && exports && |
|
10
|
|
|
typeof module === "object" && module && module.exports === exports) { |
|
11
|
|
|
// Browserify. Attach to jQuery module. |
|
12
|
|
|
factory(require("jquery")); |
|
13
|
|
|
} else if (typeof define === 'function' && define.amd) { |
|
14
|
|
|
// AMD. Register as an anonymous module. |
|
15
|
|
|
define(['jquery'], factory); |
|
16
|
|
|
} else { |
|
17
|
|
|
// Browser globals |
|
18
|
|
|
factory(jQuery); |
|
19
|
|
|
} |
|
20
|
|
|
}(function ($) { |
|
21
|
|
|
var _baseDate = _generateBaseDate(); |
|
22
|
|
|
var _ONE_DAY = 86400; |
|
23
|
|
|
var _lang = { |
|
24
|
|
|
am: 'am', |
|
25
|
|
|
pm: 'pm', |
|
26
|
|
|
AM: 'AM', |
|
27
|
|
|
PM: 'PM', |
|
28
|
|
|
decimal: '.', |
|
29
|
|
|
mins: 'mins', |
|
30
|
|
|
hr: 'hr', |
|
31
|
|
|
hrs: 'hrs' |
|
32
|
|
|
}; |
|
33
|
|
|
|
|
34
|
|
|
var methods = { |
|
35
|
|
|
init: function(options) |
|
36
|
|
|
{ |
|
37
|
|
|
return this.each(function() |
|
38
|
|
|
{ |
|
39
|
|
|
var self = $(this); |
|
40
|
|
|
|
|
41
|
|
|
// pick up settings from data attributes |
|
42
|
|
|
var attributeOptions = []; |
|
43
|
|
|
for (var key in $.fn.timepicker.defaults) { |
|
44
|
|
|
if (self.data(key)) { |
|
45
|
|
|
attributeOptions[key] = self.data(key); |
|
46
|
|
|
} |
|
47
|
|
|
} |
|
48
|
|
|
|
|
49
|
|
|
var settings = $.extend({}, $.fn.timepicker.defaults, attributeOptions, options); |
|
50
|
|
|
|
|
51
|
|
|
if (settings.lang) { |
|
52
|
|
|
_lang = $.extend(_lang, settings.lang); |
|
53
|
|
|
} |
|
54
|
|
|
|
|
55
|
|
|
settings = _parseSettings(settings); |
|
56
|
|
|
self.data('timepicker-settings', settings); |
|
57
|
|
|
self.addClass('ui-timepicker-input'); |
|
58
|
|
|
|
|
59
|
|
|
if (settings.useSelect) { |
|
60
|
|
|
_render(self); |
|
61
|
|
|
} else { |
|
62
|
|
|
self.prop('autocomplete', 'off'); |
|
63
|
|
|
if (settings.showOn) { |
|
64
|
|
|
for (var i in settings.showOn) { |
|
65
|
|
|
self.on(settings.showOn[i]+'.timepicker', methods.show); |
|
66
|
|
|
} |
|
67
|
|
|
} |
|
68
|
|
|
self.on('change.timepicker', _formatValue); |
|
69
|
|
|
self.on('keydown.timepicker', _keydownhandler); |
|
70
|
|
|
self.on('keyup.timepicker', _keyuphandler); |
|
71
|
|
|
if (settings.disableTextInput) { |
|
72
|
|
|
self.on('keydown.timepicker', function(e) { e.preventDefault(); }); |
|
73
|
|
|
} |
|
74
|
|
|
|
|
75
|
|
|
_formatValue.call(self.get(0)); |
|
76
|
|
|
} |
|
77
|
|
|
}); |
|
78
|
|
|
}, |
|
79
|
|
|
|
|
80
|
|
|
show: function(e) |
|
81
|
|
|
{ |
|
82
|
|
|
var self = $(this); |
|
83
|
|
|
var settings = self.data('timepicker-settings'); |
|
84
|
|
|
|
|
85
|
|
|
if (e) { |
|
86
|
|
|
e.preventDefault(); |
|
87
|
|
|
} |
|
88
|
|
|
|
|
89
|
|
|
if (settings.useSelect) { |
|
90
|
|
|
self.data('timepicker-list').focus(); |
|
91
|
|
|
return; |
|
92
|
|
|
} |
|
93
|
|
|
|
|
94
|
|
|
if (_hideKeyboard(self)) { |
|
95
|
|
|
// block the keyboard on mobile devices |
|
96
|
|
|
self.blur(); |
|
97
|
|
|
} |
|
98
|
|
|
|
|
99
|
|
|
var list = self.data('timepicker-list'); |
|
100
|
|
|
|
|
101
|
|
|
// check if input is readonly |
|
102
|
|
|
if (self.prop('readonly')) { |
|
103
|
|
|
return; |
|
104
|
|
|
} |
|
105
|
|
|
|
|
106
|
|
|
// check if list needs to be rendered |
|
107
|
|
|
if (!list || list.length === 0 || typeof settings.durationTime === 'function') { |
|
108
|
|
|
_render(self); |
|
109
|
|
|
list = self.data('timepicker-list'); |
|
110
|
|
|
} |
|
111
|
|
|
|
|
112
|
|
|
if (_isVisible(list)) { |
|
113
|
|
|
return; |
|
114
|
|
|
} |
|
115
|
|
|
|
|
116
|
|
|
self.data('ui-timepicker-value', self.val()); |
|
117
|
|
|
_setSelected(self, list); |
|
118
|
|
|
|
|
119
|
|
|
// make sure other pickers are hidden |
|
120
|
|
|
methods.hide(); |
|
121
|
|
|
|
|
122
|
|
|
// position the dropdown relative to the input |
|
123
|
|
|
list.show(); |
|
124
|
|
|
var listOffset = {}; |
|
125
|
|
|
|
|
126
|
|
|
if (settings.orientation.match(/r/)) { |
|
127
|
|
|
// right-align the dropdown |
|
128
|
|
|
listOffset.left = self.offset().left + self.outerWidth() - list.outerWidth() + parseInt(list.css('marginLeft').replace('px', ''), 10); |
|
129
|
|
|
} else { |
|
130
|
|
|
// left-align the dropdown |
|
131
|
|
|
listOffset.left = self.offset().left + parseInt(list.css('marginLeft').replace('px', ''), 10); |
|
132
|
|
|
} |
|
133
|
|
|
|
|
134
|
|
|
var verticalOrientation; |
|
135
|
|
|
if (settings.orientation.match(/t/)) { |
|
136
|
|
|
verticalOrientation = 't'; |
|
137
|
|
|
} else if (settings.orientation.match(/b/)) { |
|
138
|
|
|
verticalOrientation = 'b'; |
|
139
|
|
|
} else if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) { |
|
140
|
|
|
verticalOrientation = 't'; |
|
141
|
|
|
} else { |
|
142
|
|
|
verticalOrientation = 'b'; |
|
143
|
|
|
} |
|
144
|
|
|
|
|
145
|
|
|
if (verticalOrientation == 't') { |
|
146
|
|
|
// position the dropdown on top |
|
147
|
|
|
list.addClass('ui-timepicker-positioned-top'); |
|
148
|
|
|
listOffset.top = self.offset().top - list.outerHeight() + parseInt(list.css('marginTop').replace('px', ''), 10); |
|
149
|
|
|
} else { |
|
150
|
|
|
// put it under the input |
|
151
|
|
|
list.removeClass('ui-timepicker-positioned-top'); |
|
152
|
|
|
listOffset.top = self.offset().top + self.outerHeight() + parseInt(list.css('marginTop').replace('px', ''), 10); |
|
153
|
|
|
} |
|
154
|
|
|
|
|
155
|
|
|
list.offset(listOffset); |
|
156
|
|
|
|
|
157
|
|
|
// position scrolling |
|
158
|
|
|
var selected = list.find('.ui-timepicker-selected'); |
|
159
|
|
|
|
|
160
|
|
|
if (!selected.length) { |
|
161
|
|
|
var timeInt = _time2int(_getTimeValue(self)); |
|
162
|
|
|
if (timeInt !== null) { |
|
163
|
|
|
selected = _findRow(self, list, timeInt); |
|
164
|
|
|
} else if (settings.scrollDefault) { |
|
165
|
|
|
selected = _findRow(self, list, settings.scrollDefault()); |
|
166
|
|
|
} |
|
167
|
|
|
} |
|
168
|
|
|
|
|
169
|
|
|
if (selected && selected.length) { |
|
170
|
|
|
var topOffset = list.scrollTop() + selected.position().top - selected.outerHeight(); |
|
171
|
|
|
list.scrollTop(topOffset); |
|
172
|
|
|
} else { |
|
173
|
|
|
list.scrollTop(0); |
|
174
|
|
|
} |
|
175
|
|
|
|
|
176
|
|
|
// prevent scroll propagation |
|
177
|
|
|
if(settings.stopScrollPropagation) { |
|
178
|
|
|
$(document).on('wheel.ui-timepicker', '.ui-timepicker-wrapper', function(e){ |
|
179
|
|
|
e.preventDefault(); |
|
180
|
|
|
var currentScroll = $(this).scrollTop(); |
|
181
|
|
|
$(this).scrollTop(currentScroll + e.originalEvent.deltaY); |
|
182
|
|
|
}); |
|
183
|
|
|
} |
|
184
|
|
|
|
|
185
|
|
|
// attach close handlers |
|
186
|
|
|
$(document).on('touchstart.ui-timepicker mousedown.ui-timepicker', _closeHandler); |
|
187
|
|
|
$(window).on('resize.ui-timepicker', _closeHandler); |
|
188
|
|
|
if (settings.closeOnWindowScroll) { |
|
189
|
|
|
$(document).on('scroll.ui-timepicker', _closeHandler); |
|
190
|
|
|
} |
|
191
|
|
|
|
|
192
|
|
|
self.trigger('showTimepicker'); |
|
193
|
|
|
|
|
194
|
|
|
return this; |
|
195
|
|
|
}, |
|
196
|
|
|
|
|
197
|
|
|
hide: function(e) |
|
198
|
|
|
{ |
|
199
|
|
|
var self = $(this); |
|
200
|
|
|
var settings = self.data('timepicker-settings'); |
|
201
|
|
|
|
|
202
|
|
|
if (settings && settings.useSelect) { |
|
203
|
|
|
self.blur(); |
|
204
|
|
|
} |
|
205
|
|
|
|
|
206
|
|
|
$('.ui-timepicker-wrapper').each(function() { |
|
207
|
|
|
var list = $(this); |
|
208
|
|
|
if (!_isVisible(list)) { |
|
209
|
|
|
return; |
|
210
|
|
|
} |
|
211
|
|
|
|
|
212
|
|
|
var self = list.data('timepicker-input'); |
|
213
|
|
|
var settings = self.data('timepicker-settings'); |
|
214
|
|
|
|
|
215
|
|
|
if (settings && settings.selectOnBlur) { |
|
216
|
|
|
_selectValue(self); |
|
217
|
|
|
} |
|
218
|
|
|
|
|
219
|
|
|
list.hide(); |
|
220
|
|
|
self.trigger('hideTimepicker'); |
|
221
|
|
|
}); |
|
222
|
|
|
|
|
223
|
|
|
return this; |
|
224
|
|
|
}, |
|
225
|
|
|
|
|
226
|
|
|
option: function(key, value) |
|
227
|
|
|
{ |
|
228
|
|
|
return this.each(function(){ |
|
229
|
|
|
var self = $(this); |
|
230
|
|
|
var settings = self.data('timepicker-settings'); |
|
231
|
|
|
var list = self.data('timepicker-list'); |
|
232
|
|
|
|
|
233
|
|
|
if (typeof key == 'object') { |
|
234
|
|
|
settings = $.extend(settings, key); |
|
235
|
|
|
|
|
236
|
|
|
} else if (typeof key == 'string' && typeof value != 'undefined') { |
|
237
|
|
|
settings[key] = value; |
|
238
|
|
|
|
|
239
|
|
|
} else if (typeof key == 'string') { |
|
240
|
|
|
return settings[key]; |
|
241
|
|
|
} |
|
242
|
|
|
|
|
243
|
|
|
settings = _parseSettings(settings); |
|
244
|
|
|
|
|
245
|
|
|
self.data('timepicker-settings', settings); |
|
246
|
|
|
|
|
247
|
|
|
if (list) { |
|
248
|
|
|
list.remove(); |
|
249
|
|
|
self.data('timepicker-list', false); |
|
250
|
|
|
} |
|
251
|
|
|
|
|
252
|
|
|
if (settings.useSelect) { |
|
253
|
|
|
_render(self); |
|
254
|
|
|
} |
|
255
|
|
|
}); |
|
256
|
|
|
}, |
|
257
|
|
|
|
|
258
|
|
|
getSecondsFromMidnight: function() |
|
259
|
|
|
{ |
|
260
|
|
|
return _time2int(_getTimeValue(this)); |
|
261
|
|
|
}, |
|
262
|
|
|
|
|
263
|
|
|
getTime: function(relative_date) |
|
264
|
|
|
{ |
|
265
|
|
|
var self = this; |
|
266
|
|
|
|
|
267
|
|
|
var time_string = _getTimeValue(self); |
|
268
|
|
|
if (!time_string) { |
|
269
|
|
|
return null; |
|
270
|
|
|
} |
|
271
|
|
|
|
|
272
|
|
|
var offset = _time2int(time_string); |
|
273
|
|
|
if (offset === null) { |
|
274
|
|
|
return null; |
|
275
|
|
|
} |
|
276
|
|
|
|
|
277
|
|
|
if (!relative_date) { |
|
278
|
|
|
relative_date = _baseDate; |
|
279
|
|
|
} |
|
280
|
|
|
|
|
281
|
|
|
// construct a Date from relative date, and offset's time |
|
282
|
|
|
var time = new Date(relative_date); |
|
283
|
|
|
time.setHours(offset / 3600); |
|
284
|
|
|
time.setMinutes(offset % 3600 / 60); |
|
285
|
|
|
time.setSeconds(offset % 60); |
|
286
|
|
|
time.setMilliseconds(0); |
|
287
|
|
|
|
|
288
|
|
|
return time; |
|
289
|
|
|
}, |
|
290
|
|
|
|
|
291
|
|
|
setTime: function(value) |
|
292
|
|
|
{ |
|
293
|
|
|
var self = this; |
|
294
|
|
|
var settings = self.data('timepicker-settings'); |
|
295
|
|
|
|
|
296
|
|
|
if (settings.forceRoundTime) { |
|
297
|
|
|
var prettyTime = _roundAndFormatTime(_time2int(value), settings) |
|
298
|
|
|
} else { |
|
299
|
|
|
var prettyTime = _int2time(_time2int(value), settings); |
|
300
|
|
|
} |
|
301
|
|
|
|
|
302
|
|
|
if (value && prettyTime === null && settings.noneOption) { |
|
303
|
|
|
prettyTime = value; |
|
304
|
|
|
} |
|
305
|
|
|
|
|
306
|
|
|
_setTimeValue(self, prettyTime); |
|
307
|
|
|
if (self.data('timepicker-list')) { |
|
308
|
|
|
_setSelected(self, self.data('timepicker-list')); |
|
309
|
|
|
} |
|
310
|
|
|
|
|
311
|
|
|
return this; |
|
312
|
|
|
}, |
|
313
|
|
|
|
|
314
|
|
|
remove: function() |
|
315
|
|
|
{ |
|
316
|
|
|
var self = this; |
|
317
|
|
|
|
|
318
|
|
|
// check if this element is a timepicker |
|
319
|
|
|
if (!self.hasClass('ui-timepicker-input')) { |
|
320
|
|
|
return; |
|
321
|
|
|
} |
|
322
|
|
|
|
|
323
|
|
|
var settings = self.data('timepicker-settings'); |
|
324
|
|
|
self.removeAttr('autocomplete', 'off'); |
|
325
|
|
|
self.removeClass('ui-timepicker-input'); |
|
326
|
|
|
self.removeData('timepicker-settings'); |
|
327
|
|
|
self.off('.timepicker'); |
|
328
|
|
|
|
|
329
|
|
|
// timepicker-list won't be present unless the user has interacted with this timepicker |
|
330
|
|
|
if (self.data('timepicker-list')) { |
|
331
|
|
|
self.data('timepicker-list').remove(); |
|
332
|
|
|
} |
|
333
|
|
|
|
|
334
|
|
|
if (settings.useSelect) { |
|
335
|
|
|
self.show(); |
|
336
|
|
|
} |
|
337
|
|
|
|
|
338
|
|
|
self.removeData('timepicker-list'); |
|
339
|
|
|
|
|
340
|
|
|
return this; |
|
341
|
|
|
} |
|
342
|
|
|
}; |
|
343
|
|
|
|
|
344
|
|
|
// private methods |
|
345
|
|
|
|
|
346
|
|
|
function _isVisible(elem) |
|
347
|
|
|
{ |
|
348
|
|
|
var el = elem[0]; |
|
349
|
|
|
return el.offsetWidth > 0 && el.offsetHeight > 0; |
|
350
|
|
|
} |
|
351
|
|
|
|
|
352
|
|
|
function _parseSettings(settings) |
|
353
|
|
|
{ |
|
354
|
|
|
if (settings.minTime) { |
|
355
|
|
|
settings.minTime = _time2int(settings.minTime); |
|
356
|
|
|
} |
|
357
|
|
|
|
|
358
|
|
|
if (settings.maxTime) { |
|
359
|
|
|
settings.maxTime = _time2int(settings.maxTime); |
|
360
|
|
|
} |
|
361
|
|
|
|
|
362
|
|
|
if (settings.durationTime && typeof settings.durationTime !== 'function') { |
|
363
|
|
|
settings.durationTime = _time2int(settings.durationTime); |
|
364
|
|
|
} |
|
365
|
|
|
|
|
366
|
|
|
if (settings.scrollDefault == 'now') { |
|
367
|
|
|
settings.scrollDefault = function() { |
|
368
|
|
|
return settings.roundingFunction(_time2int(new Date()), settings); |
|
369
|
|
|
} |
|
370
|
|
|
} else if (settings.scrollDefault && typeof settings.scrollDefault != 'function') { |
|
371
|
|
|
var val = settings.scrollDefault; |
|
372
|
|
|
settings.scrollDefault = function() { |
|
373
|
|
|
return settings.roundingFunction(_time2int(val), settings); |
|
374
|
|
|
} |
|
375
|
|
|
} else if (settings.minTime) { |
|
376
|
|
|
settings.scrollDefault = function() { |
|
377
|
|
|
return settings.roundingFunction(settings.minTime, settings); |
|
378
|
|
|
} |
|
379
|
|
|
} |
|
380
|
|
|
|
|
381
|
|
|
if ($.type(settings.timeFormat) === "string" && settings.timeFormat.match(/[gh]/)) { |
|
382
|
|
|
settings._twelveHourTime = true; |
|
383
|
|
|
} |
|
384
|
|
|
|
|
385
|
|
|
if (settings.showOnFocus === false && settings.showOn.indexOf('focus') != -1) { |
|
386
|
|
|
settings.showOn.splice(settings.showOn.indexOf('focus'), 1); |
|
387
|
|
|
} |
|
388
|
|
|
|
|
389
|
|
|
if (settings.disableTimeRanges.length > 0) { |
|
390
|
|
|
// convert string times to integers |
|
391
|
|
|
for (var i in settings.disableTimeRanges) { |
|
392
|
|
|
settings.disableTimeRanges[i] = [ |
|
393
|
|
|
_time2int(settings.disableTimeRanges[i][0]), |
|
394
|
|
|
_time2int(settings.disableTimeRanges[i][1]) |
|
395
|
|
|
]; |
|
396
|
|
|
} |
|
397
|
|
|
|
|
398
|
|
|
// sort by starting time |
|
399
|
|
|
settings.disableTimeRanges = settings.disableTimeRanges.sort(function(a, b){ |
|
400
|
|
|
return a[0] - b[0]; |
|
401
|
|
|
}); |
|
402
|
|
|
|
|
403
|
|
|
// merge any overlapping ranges |
|
404
|
|
|
for (var i = settings.disableTimeRanges.length-1; i > 0; i--) { |
|
405
|
|
|
if (settings.disableTimeRanges[i][0] <= settings.disableTimeRanges[i-1][1]) { |
|
406
|
|
|
settings.disableTimeRanges[i-1] = [ |
|
407
|
|
|
Math.min(settings.disableTimeRanges[i][0], settings.disableTimeRanges[i-1][0]), |
|
408
|
|
|
Math.max(settings.disableTimeRanges[i][1], settings.disableTimeRanges[i-1][1]) |
|
409
|
|
|
]; |
|
410
|
|
|
settings.disableTimeRanges.splice(i, 1); |
|
411
|
|
|
} |
|
412
|
|
|
} |
|
413
|
|
|
} |
|
414
|
|
|
|
|
415
|
|
|
return settings; |
|
416
|
|
|
} |
|
417
|
|
|
|
|
418
|
|
|
function _render(self) |
|
419
|
|
|
{ |
|
420
|
|
|
var settings = self.data('timepicker-settings'); |
|
421
|
|
|
var list = self.data('timepicker-list'); |
|
422
|
|
|
|
|
423
|
|
|
if (list && list.length) { |
|
424
|
|
|
list.remove(); |
|
425
|
|
|
self.data('timepicker-list', false); |
|
426
|
|
|
} |
|
427
|
|
|
|
|
428
|
|
|
if (settings.useSelect) { |
|
429
|
|
|
list = $('<select />', { 'class': 'ui-timepicker-select' }); |
|
430
|
|
|
var wrapped_list = list; |
|
431
|
|
|
} else { |
|
432
|
|
|
list = $('<ul />', { 'class': 'ui-timepicker-list' }); |
|
433
|
|
|
|
|
434
|
|
|
var wrapped_list = $('<div />', { 'class': 'ui-timepicker-wrapper', 'tabindex': -1 }); |
|
435
|
|
|
wrapped_list.css({'display':'none', 'position': 'absolute' }).append(list); |
|
436
|
|
|
} |
|
437
|
|
|
|
|
438
|
|
|
if (settings.noneOption) { |
|
439
|
|
|
if (settings.noneOption === true) { |
|
440
|
|
|
settings.noneOption = (settings.useSelect) ? 'Time...' : 'None'; |
|
441
|
|
|
} |
|
442
|
|
|
|
|
443
|
|
|
if ($.isArray(settings.noneOption)) { |
|
444
|
|
|
for (var i in settings.noneOption) { |
|
445
|
|
|
if (parseInt(i, 10) == i){ |
|
446
|
|
|
var noneElement = _generateNoneElement(settings.noneOption[i], settings.useSelect); |
|
447
|
|
|
list.append(noneElement); |
|
448
|
|
|
} |
|
449
|
|
|
} |
|
450
|
|
|
} else { |
|
451
|
|
|
var noneElement = _generateNoneElement(settings.noneOption, settings.useSelect); |
|
452
|
|
|
list.append(noneElement); |
|
453
|
|
|
} |
|
454
|
|
|
} |
|
455
|
|
|
|
|
456
|
|
|
if (settings.className) { |
|
457
|
|
|
wrapped_list.addClass(settings.className); |
|
458
|
|
|
} |
|
459
|
|
|
|
|
460
|
|
|
if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) { |
|
461
|
|
|
var stepval = typeof settings.step == 'function' ? 'function' : settings.step; |
|
462
|
|
|
wrapped_list.addClass('ui-timepicker-with-duration'); |
|
463
|
|
|
wrapped_list.addClass('ui-timepicker-step-'+settings.step); |
|
464
|
|
|
} |
|
465
|
|
|
|
|
466
|
|
|
var durStart = settings.minTime; |
|
467
|
|
|
if (typeof settings.durationTime === 'function') { |
|
468
|
|
|
durStart = _time2int(settings.durationTime()); |
|
469
|
|
|
} else if (settings.durationTime !== null) { |
|
470
|
|
|
durStart = settings.durationTime; |
|
471
|
|
|
} |
|
472
|
|
|
var start = (settings.minTime !== null) ? settings.minTime : 0; |
|
473
|
|
|
var end = (settings.maxTime !== null) ? settings.maxTime : (start + _ONE_DAY - 1); |
|
474
|
|
|
|
|
475
|
|
|
if (end < start) { |
|
476
|
|
|
// make sure the end time is greater than start time, otherwise there will be no list to show |
|
477
|
|
|
end += _ONE_DAY; |
|
478
|
|
|
} |
|
479
|
|
|
|
|
480
|
|
|
if (end === _ONE_DAY-1 && $.type(settings.timeFormat) === "string" && settings.show2400) { |
|
481
|
|
|
// show a 24:00 option when using military time |
|
482
|
|
|
end = _ONE_DAY; |
|
483
|
|
|
} |
|
484
|
|
|
|
|
485
|
|
|
var dr = settings.disableTimeRanges; |
|
486
|
|
|
var drCur = 0; |
|
487
|
|
|
var drLen = dr.length; |
|
488
|
|
|
|
|
489
|
|
|
var stepFunc = settings.step; |
|
490
|
|
|
if (typeof stepFunc != 'function') { |
|
491
|
|
|
stepFunc = function() { |
|
492
|
|
|
return settings.step; |
|
493
|
|
|
} |
|
494
|
|
|
} |
|
495
|
|
|
|
|
496
|
|
|
for (var i=start, j=0; i <= end; j++, i += stepFunc(j)*60) { |
|
497
|
|
|
var timeInt = i; |
|
498
|
|
|
var timeString = _int2time(timeInt, settings); |
|
499
|
|
|
|
|
500
|
|
|
if (settings.useSelect) { |
|
501
|
|
|
var row = $('<option />', { 'value': timeString }); |
|
502
|
|
|
row.text(timeString); |
|
503
|
|
|
} else { |
|
504
|
|
|
var row = $('<li />'); |
|
505
|
|
|
row.addClass(timeInt % 86400 < 43200 ? 'ui-timepicker-am' : 'ui-timepicker-pm'); |
|
506
|
|
|
row.data('time', (timeInt <= 86400 ? timeInt : timeInt % 86400)); |
|
507
|
|
|
row.text(timeString); |
|
508
|
|
|
} |
|
509
|
|
|
|
|
510
|
|
|
if ((settings.minTime !== null || settings.durationTime !== null) && settings.showDuration) { |
|
511
|
|
|
var durationString = _int2duration(i - durStart, settings.step); |
|
512
|
|
|
if (settings.useSelect) { |
|
513
|
|
|
row.text(row.text()+' ('+durationString+')'); |
|
514
|
|
|
} else { |
|
515
|
|
|
var duration = $('<span />', { 'class': 'ui-timepicker-duration' }); |
|
516
|
|
|
duration.text(' ('+durationString+')'); |
|
517
|
|
|
row.append(duration); |
|
518
|
|
|
} |
|
519
|
|
|
} |
|
520
|
|
|
|
|
521
|
|
|
if (drCur < drLen) { |
|
522
|
|
|
if (timeInt >= dr[drCur][1]) { |
|
523
|
|
|
drCur += 1; |
|
524
|
|
|
} |
|
525
|
|
|
|
|
526
|
|
|
if (dr[drCur] && timeInt >= dr[drCur][0] && timeInt < dr[drCur][1]) { |
|
527
|
|
|
if (settings.useSelect) { |
|
528
|
|
|
row.prop('disabled', true); |
|
529
|
|
|
} else { |
|
530
|
|
|
row.addClass('ui-timepicker-disabled'); |
|
531
|
|
|
} |
|
532
|
|
|
} |
|
533
|
|
|
} |
|
534
|
|
|
|
|
535
|
|
|
list.append(row); |
|
536
|
|
|
} |
|
537
|
|
|
|
|
538
|
|
|
wrapped_list.data('timepicker-input', self); |
|
539
|
|
|
self.data('timepicker-list', wrapped_list); |
|
540
|
|
|
|
|
541
|
|
|
if (settings.useSelect) { |
|
542
|
|
|
if (self.val()) { |
|
543
|
|
|
list.val(_roundAndFormatTime(_time2int(self.val()), settings)); |
|
544
|
|
|
} |
|
545
|
|
|
|
|
546
|
|
|
list.on('focus', function(){ |
|
547
|
|
|
$(this).data('timepicker-input').trigger('showTimepicker'); |
|
548
|
|
|
}); |
|
549
|
|
|
list.on('blur', function(){ |
|
550
|
|
|
$(this).data('timepicker-input').trigger('hideTimepicker'); |
|
551
|
|
|
}); |
|
552
|
|
|
list.on('change', function(){ |
|
553
|
|
|
_setTimeValue(self, $(this).val(), 'select'); |
|
554
|
|
|
}); |
|
555
|
|
|
|
|
556
|
|
|
_setTimeValue(self, list.val(), 'initial'); |
|
557
|
|
|
self.hide().after(list); |
|
558
|
|
|
} else { |
|
559
|
|
|
var appendTo = settings.appendTo; |
|
560
|
|
|
if (typeof appendTo === 'string') { |
|
561
|
|
|
appendTo = $(appendTo); |
|
562
|
|
|
} else if (typeof appendTo === 'function') { |
|
563
|
|
|
appendTo = appendTo(self); |
|
564
|
|
|
} |
|
565
|
|
|
appendTo.append(wrapped_list); |
|
566
|
|
|
_setSelected(self, list); |
|
567
|
|
|
|
|
568
|
|
|
list.on('mousedown', 'li', function(e) { |
|
569
|
|
|
|
|
570
|
|
|
// hack: temporarily disable the focus handler |
|
571
|
|
|
// to deal with the fact that IE fires 'focus' |
|
572
|
|
|
// events asynchronously |
|
573
|
|
|
self.off('focus.timepicker'); |
|
574
|
|
|
self.on('focus.timepicker-ie-hack', function(){ |
|
575
|
|
|
self.off('focus.timepicker-ie-hack'); |
|
576
|
|
|
self.on('focus.timepicker', methods.show); |
|
577
|
|
|
}); |
|
578
|
|
|
|
|
579
|
|
|
if (!_hideKeyboard(self)) { |
|
580
|
|
|
self[0].focus(); |
|
581
|
|
|
} |
|
582
|
|
|
|
|
583
|
|
|
// make sure only the clicked row is selected |
|
584
|
|
|
list.find('li').removeClass('ui-timepicker-selected'); |
|
585
|
|
|
$(this).addClass('ui-timepicker-selected'); |
|
586
|
|
|
|
|
587
|
|
|
if (_selectValue(self)) { |
|
588
|
|
|
self.trigger('hideTimepicker'); |
|
589
|
|
|
|
|
590
|
|
|
list.on('mouseup.timepicker', 'li', function(e) { |
|
591
|
|
|
list.off('mouseup.timepicker'); |
|
592
|
|
|
wrapped_list.hide(); |
|
593
|
|
|
}); |
|
594
|
|
|
} |
|
595
|
|
|
}); |
|
596
|
|
|
} |
|
597
|
|
|
} |
|
598
|
|
|
|
|
599
|
|
|
function _generateNoneElement(optionValue, useSelect) |
|
600
|
|
|
{ |
|
601
|
|
|
var label, className, value; |
|
602
|
|
|
|
|
603
|
|
|
if (typeof optionValue == 'object') { |
|
604
|
|
|
label = optionValue.label; |
|
605
|
|
|
className = optionValue.className; |
|
606
|
|
|
value = optionValue.value; |
|
607
|
|
|
} else if (typeof optionValue == 'string') { |
|
608
|
|
|
label = optionValue; |
|
609
|
|
|
} else { |
|
610
|
|
|
$.error('Invalid noneOption value'); |
|
611
|
|
|
} |
|
612
|
|
|
|
|
613
|
|
|
if (useSelect) { |
|
614
|
|
|
return $('<option />', { |
|
615
|
|
|
'value': value, |
|
616
|
|
|
'class': className, |
|
617
|
|
|
'text': label |
|
618
|
|
|
}); |
|
619
|
|
|
} else { |
|
620
|
|
|
return $('<li />', { |
|
621
|
|
|
'class': className, |
|
622
|
|
|
'text': label |
|
623
|
|
|
}).data('time', value); |
|
624
|
|
|
} |
|
625
|
|
|
} |
|
626
|
|
|
|
|
627
|
|
|
function _roundAndFormatTime(seconds, settings) |
|
628
|
|
|
{ |
|
629
|
|
|
seconds = settings.roundingFunction(seconds, settings); |
|
630
|
|
|
if (seconds !== null) { |
|
631
|
|
|
return _int2time(seconds, settings); |
|
632
|
|
|
} |
|
633
|
|
|
} |
|
634
|
|
|
|
|
635
|
|
|
function _generateBaseDate() |
|
636
|
|
|
{ |
|
637
|
|
|
return new Date(1970, 0, 1, 0, 0, 0); |
|
638
|
|
|
} |
|
639
|
|
|
|
|
640
|
|
|
// event handler to decide whether to close timepicker |
|
641
|
|
|
function _closeHandler(e) |
|
642
|
|
|
{ |
|
643
|
|
|
var target = $(e.target); |
|
644
|
|
|
var input = target.closest('.ui-timepicker-input'); |
|
645
|
|
|
if (input.length === 0 && target.closest('.ui-timepicker-wrapper').length === 0) { |
|
646
|
|
|
methods.hide(); |
|
647
|
|
|
$(document).unbind('.ui-timepicker'); |
|
648
|
|
|
$(window).unbind('.ui-timepicker'); |
|
649
|
|
|
} |
|
650
|
|
|
} |
|
651
|
|
|
|
|
652
|
|
|
function _hideKeyboard(self) |
|
653
|
|
|
{ |
|
654
|
|
|
var settings = self.data('timepicker-settings'); |
|
655
|
|
|
return ((window.navigator.msMaxTouchPoints || 'ontouchstart' in document) && settings.disableTouchKeyboard); |
|
656
|
|
|
} |
|
657
|
|
|
|
|
658
|
|
|
function _findRow(self, list, value) |
|
659
|
|
|
{ |
|
660
|
|
|
if (!value && value !== 0) { |
|
661
|
|
|
return false; |
|
662
|
|
|
} |
|
663
|
|
|
|
|
664
|
|
|
var settings = self.data('timepicker-settings'); |
|
665
|
|
|
var out = false; |
|
666
|
|
|
var value = settings.roundingFunction(value, settings); |
|
667
|
|
|
|
|
668
|
|
|
// loop through the menu items |
|
669
|
|
|
list.find('li').each(function(i, obj) { |
|
670
|
|
|
var jObj = $(obj); |
|
671
|
|
|
if (typeof jObj.data('time') != 'number') { |
|
672
|
|
|
return; |
|
673
|
|
|
} |
|
674
|
|
|
|
|
675
|
|
|
if (jObj.data('time') == value) { |
|
676
|
|
|
out = jObj; |
|
677
|
|
|
return false; |
|
678
|
|
|
} |
|
679
|
|
|
}); |
|
680
|
|
|
|
|
681
|
|
|
return out; |
|
682
|
|
|
} |
|
683
|
|
|
|
|
684
|
|
|
function _setSelected(self, list) |
|
685
|
|
|
{ |
|
686
|
|
|
list.find('li').removeClass('ui-timepicker-selected'); |
|
687
|
|
|
|
|
688
|
|
|
var timeValue = _time2int(_getTimeValue(self), self.data('timepicker-settings')); |
|
689
|
|
|
if (timeValue === null) { |
|
690
|
|
|
return; |
|
691
|
|
|
} |
|
692
|
|
|
|
|
693
|
|
|
var selected = _findRow(self, list, timeValue); |
|
694
|
|
|
if (selected) { |
|
695
|
|
|
|
|
696
|
|
|
var topDelta = selected.offset().top - list.offset().top; |
|
697
|
|
|
|
|
698
|
|
|
if (topDelta + selected.outerHeight() > list.outerHeight() || topDelta < 0) { |
|
699
|
|
|
list.scrollTop(list.scrollTop() + selected.position().top - selected.outerHeight()); |
|
700
|
|
|
} |
|
701
|
|
|
|
|
702
|
|
|
selected.addClass('ui-timepicker-selected'); |
|
703
|
|
|
} |
|
704
|
|
|
} |
|
705
|
|
|
|
|
706
|
|
|
|
|
707
|
|
|
function _formatValue(e, origin) |
|
708
|
|
|
{ |
|
709
|
|
|
if (this.value === '' || origin == 'timepicker') { |
|
710
|
|
|
return; |
|
711
|
|
|
} |
|
712
|
|
|
|
|
713
|
|
|
var self = $(this); |
|
714
|
|
|
|
|
715
|
|
|
if (self.is(':focus') && (!e || e.type != 'change')) { |
|
716
|
|
|
return; |
|
717
|
|
|
} |
|
718
|
|
|
|
|
719
|
|
|
var settings = self.data('timepicker-settings'); |
|
720
|
|
|
var seconds = _time2int(this.value, settings); |
|
721
|
|
|
|
|
722
|
|
|
if (seconds === null) { |
|
723
|
|
|
self.trigger('timeFormatError'); |
|
724
|
|
|
return; |
|
725
|
|
|
} |
|
726
|
|
|
|
|
727
|
|
|
var rangeError = false; |
|
728
|
|
|
// check that the time in within bounds |
|
729
|
|
|
if (settings.minTime !== null && seconds < settings.minTime) { |
|
730
|
|
|
rangeError = true; |
|
731
|
|
|
} else if (settings.maxTime !== null && seconds > settings.maxTime) { |
|
732
|
|
|
rangeError = true; |
|
733
|
|
|
} |
|
734
|
|
|
|
|
735
|
|
|
// check that time isn't within disabled time ranges |
|
736
|
|
|
$.each(settings.disableTimeRanges, function(){ |
|
737
|
|
|
if (seconds >= this[0] && seconds < this[1]) { |
|
738
|
|
|
rangeError = true; |
|
739
|
|
|
return false; |
|
740
|
|
|
} |
|
741
|
|
|
}); |
|
742
|
|
|
|
|
743
|
|
|
if (settings.forceRoundTime) { |
|
744
|
|
|
seconds = settings.roundingFunction(seconds, settings); |
|
745
|
|
|
} |
|
746
|
|
|
|
|
747
|
|
|
var prettyTime = _int2time(seconds, settings); |
|
748
|
|
|
|
|
749
|
|
|
if (rangeError) { |
|
750
|
|
|
if (_setTimeValue(self, prettyTime, 'error')) { |
|
751
|
|
|
self.trigger('timeRangeError'); |
|
752
|
|
|
} |
|
753
|
|
|
} else { |
|
754
|
|
|
_setTimeValue(self, prettyTime); |
|
755
|
|
|
} |
|
756
|
|
|
} |
|
757
|
|
|
|
|
758
|
|
|
function _getTimeValue(self) |
|
759
|
|
|
{ |
|
760
|
|
|
if (self.is('input')) { |
|
761
|
|
|
return self.val(); |
|
762
|
|
|
} else { |
|
763
|
|
|
// use the element's data attributes to store values |
|
764
|
|
|
return self.data('ui-timepicker-value'); |
|
765
|
|
|
} |
|
766
|
|
|
} |
|
767
|
|
|
|
|
768
|
|
|
function _setTimeValue(self, value, source) |
|
769
|
|
|
{ |
|
770
|
|
|
if (self.is('input')) { |
|
771
|
|
|
self.val(value); |
|
772
|
|
|
|
|
773
|
|
|
var settings = self.data('timepicker-settings'); |
|
774
|
|
|
if (settings.useSelect && source != 'select' && source != 'initial') { |
|
775
|
|
|
self.data('timepicker-list').val(_roundAndFormatTime(_time2int(value), settings)); |
|
776
|
|
|
} |
|
777
|
|
|
} |
|
778
|
|
|
|
|
779
|
|
|
if (self.data('ui-timepicker-value') != value) { |
|
780
|
|
|
self.data('ui-timepicker-value', value); |
|
781
|
|
|
if (source == 'select') { |
|
782
|
|
|
self.trigger('selectTime').trigger('changeTime').trigger('change', 'timepicker'); |
|
783
|
|
|
} else if (source != 'error') { |
|
784
|
|
|
self.trigger('changeTime'); |
|
785
|
|
|
} |
|
786
|
|
|
|
|
787
|
|
|
return true; |
|
788
|
|
|
} else { |
|
789
|
|
|
self.trigger('selectTime'); |
|
790
|
|
|
return false; |
|
791
|
|
|
} |
|
792
|
|
|
} |
|
793
|
|
|
|
|
794
|
|
|
/* |
|
795
|
|
|
* Keyboard navigation via arrow keys |
|
796
|
|
|
*/ |
|
797
|
|
|
function _keydownhandler(e) |
|
798
|
|
|
{ |
|
799
|
|
|
var self = $(this); |
|
800
|
|
|
var list = self.data('timepicker-list'); |
|
801
|
|
|
|
|
802
|
|
|
if (!list || !_isVisible(list)) { |
|
803
|
|
|
if (e.keyCode == 40) { |
|
804
|
|
|
// show the list! |
|
805
|
|
|
methods.show.call(self.get(0)); |
|
806
|
|
|
list = self.data('timepicker-list'); |
|
807
|
|
|
if (!_hideKeyboard(self)) { |
|
808
|
|
|
self.focus(); |
|
809
|
|
|
} |
|
810
|
|
|
} else { |
|
811
|
|
|
return true; |
|
812
|
|
|
} |
|
813
|
|
|
} |
|
814
|
|
|
|
|
815
|
|
|
switch (e.keyCode) { |
|
816
|
|
|
|
|
817
|
|
|
case 13: // return |
|
818
|
|
|
if (_selectValue(self)) { |
|
819
|
|
|
methods.hide.apply(this); |
|
820
|
|
|
} |
|
821
|
|
|
|
|
822
|
|
|
e.preventDefault(); |
|
823
|
|
|
return false; |
|
824
|
|
|
|
|
825
|
|
|
case 38: // up |
|
826
|
|
|
var selected = list.find('.ui-timepicker-selected'); |
|
827
|
|
|
|
|
828
|
|
|
if (!selected.length) { |
|
829
|
|
|
list.find('li').each(function(i, obj) { |
|
830
|
|
|
if ($(obj).position().top > 0) { |
|
831
|
|
|
selected = $(obj); |
|
832
|
|
|
return false; |
|
833
|
|
|
} |
|
834
|
|
|
}); |
|
835
|
|
|
selected.addClass('ui-timepicker-selected'); |
|
836
|
|
|
|
|
837
|
|
|
} else if (!selected.is(':first-child')) { |
|
838
|
|
|
selected.removeClass('ui-timepicker-selected'); |
|
839
|
|
|
selected.prev().addClass('ui-timepicker-selected'); |
|
840
|
|
|
|
|
841
|
|
|
if (selected.prev().position().top < selected.outerHeight()) { |
|
842
|
|
|
list.scrollTop(list.scrollTop() - selected.outerHeight()); |
|
843
|
|
|
} |
|
844
|
|
|
} |
|
845
|
|
|
|
|
846
|
|
|
return false; |
|
847
|
|
|
|
|
848
|
|
|
case 40: // down |
|
849
|
|
|
selected = list.find('.ui-timepicker-selected'); |
|
850
|
|
|
|
|
851
|
|
|
if (selected.length === 0) { |
|
852
|
|
|
list.find('li').each(function(i, obj) { |
|
853
|
|
|
if ($(obj).position().top > 0) { |
|
854
|
|
|
selected = $(obj); |
|
855
|
|
|
return false; |
|
856
|
|
|
} |
|
857
|
|
|
}); |
|
858
|
|
|
|
|
859
|
|
|
selected.addClass('ui-timepicker-selected'); |
|
860
|
|
|
} else if (!selected.is(':last-child')) { |
|
861
|
|
|
selected.removeClass('ui-timepicker-selected'); |
|
862
|
|
|
selected.next().addClass('ui-timepicker-selected'); |
|
863
|
|
|
|
|
864
|
|
|
if (selected.next().position().top + 2*selected.outerHeight() > list.outerHeight()) { |
|
865
|
|
|
list.scrollTop(list.scrollTop() + selected.outerHeight()); |
|
866
|
|
|
} |
|
867
|
|
|
} |
|
868
|
|
|
|
|
869
|
|
|
return false; |
|
870
|
|
|
|
|
871
|
|
|
case 27: // escape |
|
872
|
|
|
list.find('li').removeClass('ui-timepicker-selected'); |
|
873
|
|
|
methods.hide(); |
|
874
|
|
|
break; |
|
875
|
|
|
|
|
876
|
|
|
case 9: //tab |
|
877
|
|
|
methods.hide(); |
|
878
|
|
|
break; |
|
879
|
|
|
|
|
880
|
|
|
default: |
|
881
|
|
|
return true; |
|
882
|
|
|
} |
|
883
|
|
|
} |
|
884
|
|
|
|
|
885
|
|
|
/* |
|
886
|
|
|
* Time typeahead |
|
887
|
|
|
*/ |
|
888
|
|
|
function _keyuphandler(e) |
|
889
|
|
|
{ |
|
890
|
|
|
var self = $(this); |
|
891
|
|
|
var list = self.data('timepicker-list'); |
|
892
|
|
|
var settings = self.data('timepicker-settings'); |
|
893
|
|
|
|
|
894
|
|
|
if (!list || !_isVisible(list) || settings.disableTextInput) { |
|
895
|
|
|
return true; |
|
896
|
|
|
} |
|
897
|
|
|
|
|
898
|
|
|
switch (e.keyCode) { |
|
899
|
|
|
|
|
900
|
|
|
case 96: // numpad numerals |
|
901
|
|
|
case 97: |
|
902
|
|
|
case 98: |
|
903
|
|
|
case 99: |
|
904
|
|
|
case 100: |
|
905
|
|
|
case 101: |
|
906
|
|
|
case 102: |
|
907
|
|
|
case 103: |
|
908
|
|
|
case 104: |
|
909
|
|
|
case 105: |
|
910
|
|
|
case 48: // numerals |
|
911
|
|
|
case 49: |
|
912
|
|
|
case 50: |
|
913
|
|
|
case 51: |
|
914
|
|
|
case 52: |
|
915
|
|
|
case 53: |
|
916
|
|
|
case 54: |
|
917
|
|
|
case 55: |
|
918
|
|
|
case 56: |
|
919
|
|
|
case 57: |
|
920
|
|
|
case 65: // a |
|
921
|
|
|
case 77: // m |
|
922
|
|
|
case 80: // p |
|
923
|
|
|
case 186: // colon |
|
924
|
|
|
case 8: // backspace |
|
925
|
|
|
case 46: // delete |
|
926
|
|
|
if (settings.typeaheadHighlight) { |
|
927
|
|
|
_setSelected(self, list); |
|
928
|
|
|
} else { |
|
929
|
|
|
list.hide(); |
|
930
|
|
|
} |
|
931
|
|
|
break; |
|
932
|
|
|
} |
|
933
|
|
|
} |
|
934
|
|
|
|
|
935
|
|
|
function _selectValue(self) |
|
936
|
|
|
{ |
|
937
|
|
|
var settings = self.data('timepicker-settings'); |
|
938
|
|
|
var list = self.data('timepicker-list'); |
|
939
|
|
|
var timeValue = null; |
|
940
|
|
|
|
|
941
|
|
|
var cursor = list.find('.ui-timepicker-selected'); |
|
942
|
|
|
|
|
943
|
|
|
if (cursor.hasClass('ui-timepicker-disabled')) { |
|
944
|
|
|
return false; |
|
945
|
|
|
} |
|
946
|
|
|
|
|
947
|
|
|
if (cursor.length) { |
|
948
|
|
|
// selected value found |
|
949
|
|
|
timeValue = cursor.data('time'); |
|
950
|
|
|
} |
|
951
|
|
|
|
|
952
|
|
|
if (timeValue !== null) { |
|
953
|
|
|
if (typeof timeValue != 'string') { |
|
954
|
|
|
timeValue = _int2time(timeValue, settings); |
|
955
|
|
|
} |
|
956
|
|
|
|
|
957
|
|
|
_setTimeValue(self, timeValue, 'select'); |
|
958
|
|
|
} |
|
959
|
|
|
|
|
960
|
|
|
return true; |
|
961
|
|
|
} |
|
962
|
|
|
|
|
963
|
|
|
function _int2duration(seconds, step) |
|
964
|
|
|
{ |
|
965
|
|
|
seconds = Math.abs(seconds); |
|
966
|
|
|
var minutes = Math.round(seconds/60), |
|
967
|
|
|
duration = [], |
|
968
|
|
|
hours, mins; |
|
969
|
|
|
|
|
970
|
|
|
if (minutes < 60) { |
|
971
|
|
|
// Only show (x mins) under 1 hour |
|
972
|
|
|
duration = [minutes, _lang.mins]; |
|
973
|
|
|
} else { |
|
974
|
|
|
hours = Math.floor(minutes/60); |
|
975
|
|
|
mins = minutes%60; |
|
976
|
|
|
|
|
977
|
|
|
// Show decimal notation (eg: 1.5 hrs) for 30 minute steps |
|
978
|
|
|
if (step == 30 && mins == 30) { |
|
979
|
|
|
hours += _lang.decimal + 5; |
|
980
|
|
|
} |
|
981
|
|
|
|
|
982
|
|
|
duration.push(hours); |
|
983
|
|
|
duration.push(hours == 1 ? _lang.hr : _lang.hrs); |
|
984
|
|
|
|
|
985
|
|
|
// Show remainder minutes notation (eg: 1 hr 15 mins) for non-30 minute steps |
|
986
|
|
|
// and only if there are remainder minutes to show |
|
987
|
|
|
if (step != 30 && mins) { |
|
988
|
|
|
duration.push(mins); |
|
989
|
|
|
duration.push(_lang.mins); |
|
990
|
|
|
} |
|
991
|
|
|
} |
|
992
|
|
|
|
|
993
|
|
|
return duration.join(' '); |
|
994
|
|
|
} |
|
995
|
|
|
|
|
996
|
|
|
function _int2time(seconds, settings) |
|
997
|
|
|
{ |
|
998
|
|
|
if (seconds === null) { |
|
999
|
|
|
return null; |
|
1000
|
|
|
} |
|
1001
|
|
|
|
|
1002
|
|
|
var time = new Date(_baseDate.valueOf() + (seconds*1000)); |
|
1003
|
|
|
|
|
1004
|
|
|
if (isNaN(time.getTime())) { |
|
1005
|
|
|
return null; |
|
1006
|
|
|
} |
|
1007
|
|
|
|
|
1008
|
|
|
if ($.type(settings.timeFormat) === "function") { |
|
1009
|
|
|
return settings.timeFormat(time); |
|
1010
|
|
|
} |
|
1011
|
|
|
|
|
1012
|
|
|
var output = ''; |
|
1013
|
|
|
var hour, code; |
|
1014
|
|
|
for (var i=0; i<settings.timeFormat.length; i++) { |
|
1015
|
|
|
|
|
1016
|
|
|
code = settings.timeFormat.charAt(i); |
|
1017
|
|
|
switch (code) { |
|
1018
|
|
|
|
|
1019
|
|
|
case 'a': |
|
1020
|
|
|
output += (time.getHours() > 11) ? _lang.pm : _lang.am; |
|
1021
|
|
|
break; |
|
1022
|
|
|
|
|
1023
|
|
|
case 'A': |
|
1024
|
|
|
output += (time.getHours() > 11) ? _lang.PM : _lang.AM; |
|
1025
|
|
|
break; |
|
1026
|
|
|
|
|
1027
|
|
|
case 'g': |
|
1028
|
|
|
hour = time.getHours() % 12; |
|
1029
|
|
|
output += (hour === 0) ? '12' : hour; |
|
1030
|
|
|
break; |
|
1031
|
|
|
|
|
1032
|
|
|
case 'G': |
|
1033
|
|
|
hour = time.getHours(); |
|
1034
|
|
|
if (seconds === _ONE_DAY) hour = 24; |
|
1035
|
|
|
output += hour; |
|
1036
|
|
|
break; |
|
1037
|
|
|
|
|
1038
|
|
|
case 'h': |
|
1039
|
|
|
hour = time.getHours() % 12; |
|
1040
|
|
|
|
|
1041
|
|
|
if (hour !== 0 && hour < 10) { |
|
1042
|
|
|
hour = '0'+hour; |
|
1043
|
|
|
} |
|
1044
|
|
|
|
|
1045
|
|
|
output += (hour === 0) ? '12' : hour; |
|
1046
|
|
|
break; |
|
1047
|
|
|
|
|
1048
|
|
|
case 'H': |
|
1049
|
|
|
hour = time.getHours(); |
|
1050
|
|
|
if (seconds === _ONE_DAY) hour = settings.show2400 ? 24 : 0; |
|
1051
|
|
|
output += (hour > 9) ? hour : '0'+hour; |
|
1052
|
|
|
break; |
|
1053
|
|
|
|
|
1054
|
|
|
case 'i': |
|
1055
|
|
|
var minutes = time.getMinutes(); |
|
1056
|
|
|
output += (minutes > 9) ? minutes : '0'+minutes; |
|
1057
|
|
|
break; |
|
1058
|
|
|
|
|
1059
|
|
|
case 's': |
|
1060
|
|
|
seconds = time.getSeconds(); |
|
1061
|
|
|
output += (seconds > 9) ? seconds : '0'+seconds; |
|
1062
|
|
|
break; |
|
1063
|
|
|
|
|
1064
|
|
|
case '\\': |
|
1065
|
|
|
// escape character; add the next character and skip ahead |
|
1066
|
|
|
i++; |
|
1067
|
|
|
output += settings.timeFormat.charAt(i); |
|
1068
|
|
|
break; |
|
1069
|
|
|
|
|
1070
|
|
|
default: |
|
1071
|
|
|
output += code; |
|
1072
|
|
|
} |
|
1073
|
|
|
} |
|
1074
|
|
|
|
|
1075
|
|
|
return output; |
|
1076
|
|
|
} |
|
1077
|
|
|
|
|
1078
|
|
|
function _time2int(timeString, settings) |
|
1079
|
|
|
{ |
|
1080
|
|
|
if (timeString === '') return null; |
|
1081
|
|
|
if (!timeString || timeString+0 == timeString) return timeString; |
|
1082
|
|
|
|
|
1083
|
|
|
if (typeof(timeString) == 'object') { |
|
1084
|
|
|
return timeString.getHours()*3600 + timeString.getMinutes()*60 + timeString.getSeconds(); |
|
1085
|
|
|
} |
|
1086
|
|
|
|
|
1087
|
|
|
timeString = timeString.toLowerCase().replace(/[\s\.]/g, ''); |
|
1088
|
|
|
|
|
1089
|
|
|
// if the last character is an "a" or "p", add the "m" |
|
1090
|
|
|
if (timeString.slice(-1) == 'a' || timeString.slice(-1) == 'p') { |
|
1091
|
|
|
timeString += 'm'; |
|
1092
|
|
|
} |
|
1093
|
|
|
|
|
1094
|
|
|
var ampmRegex = '(' + |
|
1095
|
|
|
_lang.am.replace('.', '')+'|' + |
|
1096
|
|
|
_lang.pm.replace('.', '')+'|' + |
|
1097
|
|
|
_lang.AM.replace('.', '')+'|' + |
|
1098
|
|
|
_lang.PM.replace('.', '')+')?'; |
|
1099
|
|
|
|
|
1100
|
|
|
// try to parse time input |
|
1101
|
|
|
var pattern = new RegExp('^'+ampmRegex+'([0-9]?[0-9])\\W?([0-5][0-9])?\\W?([0-5][0-9])?'+ampmRegex+'$'); |
|
1102
|
|
|
|
|
1103
|
|
|
var time = timeString.match(pattern); |
|
1104
|
|
|
if (!time) { |
|
1105
|
|
|
return null; |
|
1106
|
|
|
} |
|
1107
|
|
|
|
|
1108
|
|
|
var unboundedHour = parseInt(time[2]*1, 10); |
|
1109
|
|
|
var hour = (unboundedHour > 24) ? unboundedHour % 24 : unboundedHour; |
|
1110
|
|
|
var ampm = time[1] || time[5]; |
|
1111
|
|
|
var hours = hour; |
|
1112
|
|
|
|
|
1113
|
|
|
if (hour <= 12 && ampm) { |
|
1114
|
|
|
var isPm = (ampm == _lang.pm || ampm == _lang.PM); |
|
1115
|
|
|
|
|
1116
|
|
|
if (hour == 12) { |
|
1117
|
|
|
hours = isPm ? 12 : 0; |
|
1118
|
|
|
} else { |
|
1119
|
|
|
hours = (hour + (isPm ? 12 : 0)); |
|
1120
|
|
|
} |
|
1121
|
|
|
} |
|
1122
|
|
|
|
|
1123
|
|
|
var minutes = ( time[3]*1 || 0 ); |
|
1124
|
|
|
var seconds = ( time[4]*1 || 0 ); |
|
1125
|
|
|
var timeInt = hours*3600 + minutes*60 + seconds; |
|
1126
|
|
|
|
|
1127
|
|
|
// if no am/pm provided, intelligently guess based on the scrollDefault |
|
1128
|
|
|
if (hour < 12 && !ampm && settings && settings._twelveHourTime && settings.scrollDefault) { |
|
1129
|
|
|
var delta = timeInt - settings.scrollDefault(); |
|
1130
|
|
|
if (delta < 0 && delta >= _ONE_DAY / -2) { |
|
1131
|
|
|
timeInt = (timeInt + (_ONE_DAY / 2)) % _ONE_DAY; |
|
1132
|
|
|
} |
|
1133
|
|
|
} |
|
1134
|
|
|
|
|
1135
|
|
|
return timeInt; |
|
1136
|
|
|
} |
|
1137
|
|
|
|
|
1138
|
|
|
function _pad2(n) { |
|
1139
|
|
|
return ("0" + n).slice(-2); |
|
1140
|
|
|
} |
|
1141
|
|
|
|
|
1142
|
|
|
// Plugin entry |
|
1143
|
|
|
$.fn.timepicker = function(method) |
|
1144
|
|
|
{ |
|
1145
|
|
|
if (!this.length) return this; |
|
1146
|
|
|
if (methods[method]) { |
|
1147
|
|
|
// check if this element is a timepicker |
|
1148
|
|
|
if (!this.hasClass('ui-timepicker-input')) { |
|
1149
|
|
|
return this; |
|
1150
|
|
|
} |
|
1151
|
|
|
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); |
|
1152
|
|
|
} |
|
1153
|
|
|
else if(typeof method === "object" || !method) { return methods.init.apply(this, arguments); } |
|
1154
|
|
|
else { $.error("Method "+ method + " does not exist on jQuery.timepicker"); } |
|
1155
|
|
|
}; |
|
1156
|
|
|
// Global defaults |
|
1157
|
|
|
$.fn.timepicker.defaults = { |
|
1158
|
|
|
appendTo: 'body', |
|
1159
|
|
|
className: null, |
|
1160
|
|
|
closeOnWindowScroll: false, |
|
1161
|
|
|
disableTextInput: false, |
|
1162
|
|
|
disableTimeRanges: [], |
|
1163
|
|
|
disableTouchKeyboard: false, |
|
1164
|
|
|
durationTime: null, |
|
1165
|
|
|
forceRoundTime: false, |
|
1166
|
|
|
maxTime: null, |
|
1167
|
|
|
minTime: null, |
|
1168
|
|
|
noneOption: false, |
|
1169
|
|
|
orientation: 'l', |
|
1170
|
|
|
roundingFunction: function(seconds, settings) { |
|
1171
|
|
|
if (seconds === null) { |
|
1172
|
|
|
return null; |
|
1173
|
|
|
} else if (typeof settings.step !== "number") { |
|
1174
|
|
|
// TODO: nearest fit irregular steps |
|
1175
|
|
|
return seconds; |
|
1176
|
|
|
} else { |
|
1177
|
|
|
var offset = seconds % (settings.step*60); // step is in minutes |
|
1178
|
|
|
|
|
1179
|
|
|
if (offset >= settings.step*30) { |
|
1180
|
|
|
// if offset is larger than a half step, round up |
|
1181
|
|
|
seconds += (settings.step*60) - offset; |
|
1182
|
|
|
} else { |
|
1183
|
|
|
// round down |
|
1184
|
|
|
seconds -= offset; |
|
1185
|
|
|
} |
|
1186
|
|
|
|
|
1187
|
|
|
return seconds; |
|
1188
|
|
|
} |
|
1189
|
|
|
}, |
|
1190
|
|
|
scrollDefault: null, |
|
1191
|
|
|
selectOnBlur: false, |
|
1192
|
|
|
show2400: false, |
|
1193
|
|
|
showDuration: false, |
|
1194
|
|
|
showOn: ['click', 'focus'], |
|
1195
|
|
|
showOnFocus: true, |
|
1196
|
|
|
step: 30, |
|
1197
|
|
|
stopScrollPropagation: false, |
|
1198
|
|
|
timeFormat: 'g:ia', |
|
1199
|
|
|
typeaheadHighlight: true, |
|
1200
|
|
|
useSelect: false |
|
1201
|
|
|
}; |
|
1202
|
|
|
})); |
|
1203
|
|
|
|
xoco70 /
laravel-tournaments
